<template>
	<Layout :showFooter="true">
		<template #title>发表评价</template>

		<InfoBlock standard customStyle="margin-top:48rpx;">
			<view class="inline-flex fill aic lawyer-info">
				<image class="inline-flex"></image>
				<text>邓家佳律师</text>
			</view>

			<view class="inline-flex fill aic lawyer-rate">
				<text>综合评价</text>
				<u-rate inactive-color="#D9D9D9" active-color="#FF710A" :count="5" :model-value="3"></u-rate>
			</view>
		</InfoBlock>

		<InfoBlock standard header customStyle="margin-top:24rpx;">
			<template #header>请选择律师印象</template>
			<view class="lawyer-impress">
				<view class="impress-tag selected">专业解答</view>
				<view class="impress-tag">专业解答</view>
				<view class="impress-tag">专业解答</view>
				<view class="impress-tag selected">专业解答</view>
				<view class="impress-tag">专业解答</view>
				<view class="impress-tag">专业解答</view>
			</view>
		</InfoBlock>

		<template #footer>
			<view class="common-footer">
				<u-button style="width:100%;" type="primary" size="large" :fill="true"
					@click.stop="tapSubmit">提交</u-button>
			</view>
		</template>
	</Layout>
</template>

<script setup lang="ts" name="LawyerDetail">
	import Layout from '@/components/layout/layout.vue';
	import InfoBlock from '@/components/info-block/info-block.vue';
	function tapSubmit() {
		uni.redirectTo({
			url: '/pages/comment-success/comment-success'
		});
	}
</script>

<style lang="scss">
	.lawyer-info {
		image {
			width: 100rpx;
			height: 100rpx;
			border-radius: 100rpx;
			background-color: wheat;
		}

		text {
			padding-left: 10rpx;
			color: #000000;
			font-size: 36rpx;
			font-weight: 600;
		}
	}

	.lawyer-rate {
		padding: 50rpx 0 26rpx 0;

		text {
			padding-right: 20rpx;
			color: #000000;
			font-size: 28rpx;
			font-weight: 400;
		}
	}

	.lawyer-impress {}
</style>